<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>我的首页 - 商城</title>
		<%@ include file="/common/include/title.jsp"%>
	</head>
	<body>
		<%-- <%@ include file="/common/include/header.jsp"%> --%>
		<%-- 如果包含的页面中数据是活的,需要访问Contrller查询数据库只能使用动态包含 --%>
		<!-- 动态包含可以带参数?相当于?后面的内容
				header.html?cateIdTemp=${requestScope.cateId}
			 -->
		<jsp:include page="/header.html">
			<jsp:param value="${requestScope.cateId}" name="cateIdTemp"/>
		</jsp:include>
		<div id="mainBody">
			<div class="container">
				<div class="row">
					<!-- Sidebar ================================================== -->
					<div id="sidebar" class="span3">
						<div class="well well-small">
							<a id="myCart" href="product_summary.html"><img
								src="themes/images/ico-cart.png" alt="cart">3 Items in your
								cart <span class="badge badge-warning pull-right">$155.00</span></a>
						</div>
						<ul id="sideManu" class="nav nav-tabs nav-stacked">
							<li class="subMenu open"><a> ELECTRONICS [230]</a>
								<ul>
									<li><a class="active" href="products.html"><i
											class="icon-chevron-right"></i>Cameras (100) </a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Computers, Tablets & laptop
											(30)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Mobile Phone (80)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Sound & Vision (15)</a></li>
								</ul></li>
							<li class="subMenu"><a> CLOTHES [840] </a>
								<ul style="display: none">
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Women's Clothing (45)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Women's Shoes (8)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Women's Hand Bags (5)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Men's Clothings (45)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Men's Shoes (6)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Kids Clothing (5)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Kids Shoes (3)</a></li>
								</ul></li>
							<li class="subMenu"><a>FOOD AND BEVERAGES [1000]</a>
								<ul style="display: none">
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Angoves (35)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Bouchard Aine & Fils (8)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>French Rabbit (5)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Louis Bernard (45)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>BIB Wine (Bag in Box) (8)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Other Liquors & Wine (5)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Garden (3)</a></li>
									<li><a href="products.html"><i
											class="icon-chevron-right"></i>Khao Shong (11)</a></li>
								</ul></li>
							<li><a href="products.html">HEALTH & BEAUTY [18]</a></li>
							<li><a href="products.html">SPORTS & LEISURE [58]</a></li>
							<li><a href="products.html">BOOKS & ENTERTAINMENTS [14]</a></li>
						</ul>
						<br />
						<div class="thumbnail">
							<img src="themes/images/products/panasonic.jpg"
								alt="Bootshop panasonoc New camera" />
							<div class="caption">
								<h5>Panasonic</h5>
								<h4 style="text-align: center">
									<a class="btn" href="product_details.html"> <i
										class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i
										class="icon-shopping-cart"></i></a> <a class="btn btn-primary"
										href="#">$222.00</a>
								</h4>
							</div>
						</div>
						<br />
						<div class="thumbnail">
							<img src="themes/images/products/kindle.png"
								title="Bootshop New Kindel" alt="Bootshop Kindel">
							<div class="caption">
								<h5>Kindle</h5>
								<h4 style="text-align: center">
									<a class="btn" href="product_details.html"> <i
										class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i
										class="icon-shopping-cart"></i></a> <a class="btn btn-primary"
										href="#">$222.00</a>
								</h4>
							</div>
						</div>
						<br />
						<div class="thumbnail">
							<img src="themes/images/payment_methods.png"
								title="Bootshop Payment Methods" alt="Payments Methods">
							<div class="caption">
								<h5>Payment Methods</h5>
							</div>
						</div>
					</div>
					<!-- Sidebar end=============================================== -->
					<div class="span9">
						<ul class="breadcrumb">
							<li><a href="${rootPath }/main.html">首页</a> <span class="divider">/</span></li>
							<li class="active">我的首页</li>
						</ul>
						<h3>
							订单列表[ <small>3 条 </small>]
						</h3>
						<hr class="soft" />
						<table class="table table-bordered">
							<tr>
								<th>搜索条件</th>
							</tr>
							<tr>
								<td>
									<form class="form-horizontal">
										<div class="control-group">
											<label class="control-label" for="inputUsername">Username</label>
											<div class="controls">
												<input type="text" id="inputUsername" placeholder="Username">
											</div>
										</div>
										<div class="control-group">
											<label class="control-label" for="inputPassword1">Password</label>
											<div class="controls">
												<input type="password" id="inputPassword1"
													placeholder="Password">
											</div>
										</div>
										<div class="control-group">
											<div class="controls">
												<button type="submit" class="btn">Sign in</button>
												OR <a href="register.html" class="btn">Register Now!</a>
											</div>
										</div>
										<div class="control-group">
											<div class="controls">
												<a href="forgetpass.html" style="text-decoration: underline">Forgot
													password ?</a>
											</div>
										</div>
									</form>
								</td>
							</tr>
						</table>
	
						<table class="table table-bordered">
							<thead>
								<tr>
									<th>Product</th>
									<th>Description</th>
									<th>Quantity/Update</th>
									<th>Price</th>
									<th>Discount</th>
									<th>Tax</th>
									<th>Total</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td><img width="60" src="themes/images/products/4.jpg"
										alt="" /></td>
									<td>MASSA AST<br />Color : black, Material : metal
									</td>
									<td>
										<div class="input-append">
											<input class="span1" style="max-width: 34px" placeholder="1"
												id="appendedInputButtons" size="16" type="text">
											<button class="btn" type="button">
												<i class="icon-minus"></i>
											</button>
											<button class="btn" type="button">
												<i class="icon-plus"></i>
											</button>
											<button class="btn btn-danger" type="button">
												<i class="icon-remove icon-white"></i>
											</button>
										</div>
									</td>
									<td>$120.00</td>
									<td>$25.00</td>
									<td>$15.00</td>
									<td>$110.00</td>
								</tr>
								<tr>
									<td><img width="60" src="themes/images/products/8.jpg"
										alt="" /></td>
									<td>MASSA AST<br />Color : black, Material : metal
									</td>
									<td>
										<div class="input-append">
											<input class="span1" style="max-width: 34px" placeholder="1"
												size="16" type="text">
											<button class="btn" type="button">
												<i class="icon-minus"></i>
											</button>
											<button class="btn" type="button">
												<i class="icon-plus"></i>
											</button>
											<button class="btn btn-danger" type="button">
												<i class="icon-remove icon-white"></i>
											</button>
										</div>
									</td>
									<td>$7.00</td>
									<td>--</td>
									<td>$1.00</td>
									<td>$8.00</td>
								</tr>
								<tr>
									<td><img width="60" src="themes/images/products/3.jpg"
										alt="" /></td>
									<td>MASSA AST<br />Color : black, Material : metal
									</td>
									<td>
										<div class="input-append">
											<input class="span1" style="max-width: 34px" placeholder="1"
												size="16" type="text">
											<button class="btn" type="button">
												<i class="icon-minus"></i>
											</button>
											<button class="btn" type="button">
												<i class="icon-plus"></i>
											</button>
											<button class="btn btn-danger" type="button">
												<i class="icon-remove icon-white"></i>
											</button>
										</div>
									</td>
									<td>$120.00</td>
									<td>$25.00</td>
									<td>$15.00</td>
									<td>$110.00</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<!-- MainBody End ============================= -->
		<%@ include file="/common/include/footer.jsp"%>
	</body>
</html>